<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8"/>
  <link href="../css/bootstrap.css" rel="stylesheet"/>
  <link href="../css/all.css" rel="stylesheet"/>
  <link href="../css/index.css" rel="stylesheet"/>
  <link href="../css/swiper-3.4.2.min.css" rel="stylesheet"/>
  <script src="../js/jquery-2.0.3.min.js"></script>
  <script src="../js/swiper-3.4.2.min.js"></script>
  <script type="text/javascript">
  		function toDetail(id){
  			 window.parent.location.href='../activity/'+id;
  		}
  		
  		function toActivity(){
 			 window.parent.location.href='../activity';
 		}
  
  </script>
</head>
<body>
	<div class="row">
	   <p class="centered">慈善活动</p>
	   <hr/>
	</div>
	<div class="activity-list">
	    <div class="4u">
	      <ul class="default">
	      <th:block th:each="activity,index:${activityList}">
	        <li th:class="${index}==0? 'first':''">
	          <a th:onclick="'javascript:toDetail('+${activity.id}+')'" th:text="${activity.title}"></a>
	          <span class="fr" th:text="${#dates.format(activity.issueTime,'yyyy-MM-dd HH:mm:ss')}"></span>
	        </li>
	      </th:block>  
	      </ul>
	      <a class="fr" onclick="toActivity()">查看更多</a>
	    </div>
	</div>
</body>    
</html>    